<%--
  Created by IntelliJ IDEA.
  User: MSI
  Date: 2020/12/23
  Time: 16:09
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" pageEncoding="UTF-8" %>
<!-- 模态框-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">订单</h4>
            </div>
            <div class="modal-body">
                <div class="table-responsive m-t">
                    <table  id="orderdiv" class="table invoice-table">
                        <thead	>
                        <tr>
                            <th>菜名</th>
                            <th>单价</th>
                            <th>数量</th>
                            <th></th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </div>
                <!-- /table-responsive -->

                <br>
                <br>
                <div class="text-right">
                    <div class="input-group">
                        <span class="input-group-addon" >备注</span>
                        <input id="remark" type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1">
                    </div>
                    <br>
                </div>
                <div class="text-right">
                    <h4>总价:<span style=" font: 18px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif;">0</span></h4>
                    <button  name="orderbtn" class="btn btn-primary"><i class="fa fa-dollar"></i>下单</button>
                </div>

                <div class="well m-t"><strong>注意:不知道注意啥就先注意着吧</strong>
                </div>
            </div>
        </div>
    </div>
</div>




<!-- Modal -->
<div class="modal fade bs-example-modal-sm" id="roomnumber"
     tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h3 class="modal-title" id="myModalLabl">请填写你的寝室号和手机号</h3>
            </div>
            <div class="text-right">
            <div  class="input-group">
                <span class="input-group-addon" >寝室号:</span>
                <input id="room" type="text" class="form-control" placeholder="输入你所住的寝室号例如w1111" aria-describedby="basic-addon1">
            </div>
                <br>
            <div  class="input-group">
                <span class="input-group-addon" >电话号码:</span>
                <input id="tel" type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1">
            </div>
            </div>
            <div  class="modal-footer">
                <button id="submitroomtel" type="button" class="btn btn-success">确定</button>
            </div>
        </div>
    </div>
</div>